<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>同音异义字选图</title>
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width">
  <link type="text/css" rel="stylesheet" href="../css/basic2.css">
  <link type="text/css" rel="stylesheet" href="css/style.css">
  <link type="text/css" rel="stylesheet" href="../css/jc.css">
</head>
<body>
<div class="tishi">建议您在横屏下使用!</div>
<div class="game_over" id="game_over" style="display:none;">
  <div class="game_over_main">
    <div class="banner"><img src="images/banner.jpg"></div>
    <div class="game_over_bar">
      <div>
        <p>本次得分</p>
      </div>
      <div>
        <p>上次得分</p>
      </div>
      <div>
        <p>平均答题时间</p>
      </div>
      <div>
        <p>正确题数/总题数</p>
      </div>
      <div>
        <p>正确率</p>
      </div>
    </div>
    <div class="game_over_message">
      <div><p id="todayPoints">500</p></div>
      <div><p id="yesterdayPoints">300</p></div>
      <div><p id="meanFyTime">400</p></div>
      <div><p id="rightTotal">600</p></div>
      <div><p id="rightDate">100</p></div>
    </div>
  </div>
  <div class="game_over_foot">
    <a><img src="images/goBack.jpg"></a>
    <a><img src="images/nextGame.jpg"></a>
  </div>
</div>
<div class="yindaoLv1" id="yindaoLv1">
  <h1>同音异义字选图</h1>
  <h2>说明： 点击文字和图片，将相同意义的文字和图片用线连起来。</h2>
  <h3>（如果患者无法按要求反应，可以用口述或其它方式。康复师告诉患者怎样反应时，要做相应的示范。）</h3>
  <div>
    <div>示例：点击文字和与它一致的图片（先点击文字，再点击图片）</div>
    <div>
      <img src="images/yindaoPic.jpg">
    </div>
  </div>
</div>
<div class="totalPoints" style="display: none" id="totalPointsDiv">
  <p>得分:<span id="totalPoints">0</span></p>
</div>
<div class="level" style="display: none" id="levelDiv">
  <p>任务等级：<span id="now_level">1</span>/<span id="best_level">3</span></p>
</div>
<section class="title1_main" style="display: none">
  <div>
    <div class="h1_div">
      <h1 class="h1" id="h1_div">点击文字和图片，将相同意义的文字和图片连线匹配起来</h1>
    </div>
    <div id="jindutiao_div" style="height: 5px;margin: 0 auto">
      <div id="jindutiao" style="height: 5px;background: #57585d;"></div>
    </div>

    <div class="title_main">
      <div class="title_main_div">
        <div class="words" id="words"></div>
        <div class="lines">
          <svg id="svgArea" width="840px" height="100px" xmlns="http://www.w3.org/2000/svg" version="1.1">
          </svg>
        </div>
        <div class="images" id="images"></div>
        <div class="right_div">
          <img src="images/right1.jpg" id="right_pic" style="display: none">
          <img src="images/error1.jpg" id="error_pic" style="display: none">
        </div>
      </div>
    </div>
  </div>
</section>
<footer class="title1_footer">
  <div class="goFightDiv"><a id="goFight" class="goFight"><img src="images/kaishi.jpg"></a></div>
  <div id="title3_footer" style="display: none">
    <div class="titleTime title2Time">任务还剩：<span id="title1Time">05:00</span></div>
    <p class="footer_title">同音异义字选图</p>
    <div id="redoNestDiv" class="rightErrorDiv rightErrorDiv1">
      <div class="nextZhezhao" id="nextZhezhao"></div>
      <a id="redo"><img src="images/redo.jpg" id="redo_pic" style="display: none"></a>
      <a id="next"><img src="images/next.jpg"></a>
    </div>
  </div>
</footer>
<audio id="right_audio" src="audio/right.mp3">wav</audio>
<audio id="error_audio" src="audio/wrong.mp3">wav</audio>
<script type="text/javascript" src="../js/jquery-2.2.0.min.js"></script>
<script type="text/javascript" src="../js/jquery.cookie.js"></script>
<script type="text/javascript" src="../js/jc.js"></script>
<script type="text/javascript" src="../js/address.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/css.js"></script>
<script type="text/javascript" src="../js/resLoader.js"></script>
</body>
</html>